<ion-header id="mainHeader">MAIN PAGE OMG</ion-header>

<ion-content padding>
  <ion-row center>
    <span>You have been inactive for {{timeInactiveString}}</span>.
  </ion-row>
  <ion-row center>
      <button ion-button *ngIf="isInactive()" (click)="startCollectingData()">Start</button>
      <button ion-button *ngIf="isActive()" (click)="stopCollectingData()">Stop</button>
  </ion-row>
  <ion-row center padding>
    <h3>Configuration</h3>
  </ion-row>
  <ion-row center padding>
    <div>
      <span>I will be active for </span><ion-input type="number" placeholder="5" [(ngModel)]="modelProperty" [ngModelOptions]="{standalone: true}"></ion-input><span> minutes</span>
    </div>
  </ion-row>
  
</ion-content>
